<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>盛世机电</title>
    <link href="/common/css/common-ui-cool.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/css/dataAnalysis/dataAnalysis.css" />
    <script>
        if(localStorage.getItem("token")==null){
            window.history.replaceState(null, "", '/login.html');
            location.reload()
        }
    </script>
</head>

<body>
    <span id="pageId" pageId="3" style="display: none;"></span>
    <div class="page-container">
        <div class="header-container">
            <img class="logo-img" src="/images/logo.png">
            <ul class="top-menu">
                
            </ul>
            <div class="headerTime">
                <span class="dateText"></span>
                <span class="timeText"></span>
            </div>
            <div class="userInfo">
                <i class="aidicon aidicon-account-circle"></i>
                <span class="name"></span>
                <span class="logout">退出</span>
            </div>
        </div>
        <div class="main-container">
            <ul class="side-menu"></ul>
            <div class="table-container">
                <ul class="tab-nav">
                    <li class="active" type="1">能效分析</li>
                    <li type="2">管网分析</li>
                    <li type="3">热平衡分析</li>
                </ul>
                <div class="tab-wrapper">
                    <div class="table-content">
                        <ul class="table-tab">
                            <li class="active">
                                <span class="tab-text">实时分析</span>
                                <!-- <span class="badge badge-red independent">99</span> -->
                            </li>
                            <li>
                                <span class="tab-text">历史分析</span>
                                <!-- <span class="badge badge-red independent">99+</span> -->
                            </li>
                        </ul>
                        <div class="table-wrap tab-table-wrap">
                            <div class="inner-wrapper">
                                <div class="chart-content">
                                    <div class="chart-wrap">
                                        <div class="chart-title">机组能效</div>
                                        <ul class="time-type" id="timeType11">
                                            <li class="active" type="0">时能效</li>
                                            <li type="1">天能效</li>
                                            <li type="2">月能效</li>
                                        </ul>
                                        <div class="chart-box" id="chart11"></div>
                                    </div>
                                    <div class="chart-wrap">
                                        <div class="chart-title">系统能效</div>
                                        <ul class="time-type" id="timeType12">
                                            <li class="active" type="0">时能效</li>
                                            <li type="1">天能效</li>
                                            <li type="2">月能效</li>
                                        </ul>
                                        <div class="chart-box" id="chart12"></div>
                                    </div>
                                </div>
                                <div class="chart-content">
                                    <div class="chart-wrap">
                                        <div class="chart-title">设备耗电量占比</div>
                                        <div class="chart-box" id="chart13"></div>
                                    </div>
                                    <div class="chart-wrap">
                                        <div class="chart-title">系统能耗指标</div>
                                        <!-- <ul class="time-type" id="timeType14">
                                            <li class="active" type="0">制冷系统</li>
                                            <li type="1">采暖系统</li>
                                        </ul> -->
                                        <div class="chart-box" id="chart14"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-wrap tab-table-wrap hidden">
                            <div class="inner-wrapper">
                                <div class="chart-content">
                                    <div class="chart-wrap">
                                        <div class="chart-title">机组能效</div>
                                        <select class="select-type" id="timeType21"></select>
                                        <div class="chart-box" id="chart21"></div>
                                    </div>
                                </div>
                                <div class="chart-content">
                                    <div class="chart-wrap">
                                        <div class="chart-title">系统能效</div>
                                        <select class="select-type" id="timeType22"></select>
                                        <div class="chart-box" id="chart22"></div>
                                    </div>
                                </div>
                                <div class="chart-content">
                                    <div class="chart-wrap">
                                        <div class="chart-title">系统能耗指标</div>
                                        <select class="select-type" id="timeType23"></select>
                                        <div class="chart-box" id="chart23"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-wrapper hidden">
                    <div class="inner-table-container">
                        <div class="inner-tab-wrapper">
                            <div class="chart-content">
                                <div class="chart-wrap">
                                    <div class="chart-title">冷热水泵输送系数</div>
                                    <ul class="time-type" id="timeType31">
                                        <li class="active" type="0">时系数</li>
                                        <li type="1">天系数</li>
                                        <li type="2">月系数</li>
                                    </ul>
                                    <div class="chart-box" id="chart31"></div>
                                </div>
                            </div>
                            <div class="chart-content">
                                <div class="chart-wrap">
                                    <div class="chart-title">地源水泵输送系数</div>
                                    <ul class="time-type" id="timeType32">
                                        <li class="active" type="0">时系数</li>
                                        <li type="1">天系数</li>
                                        <li type="2">月系数</li>
                                    </ul>
                                    <div class="chart-box" id="chart32"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-wrapper hidden">
                    <div class="inner-table-container">
                        <div class="inner-tab-wrapper">
                            <div class="chart-content">
                                <div class="chart-wrap">
                                    <div class="chart-title">累计热量</div>
                                    <ul class="time-type" id="timeType41">
                                        <li class="active" type="1">日累计</li>
                                        <li type="2">月累计</li>
                                        <li type="3">年累计</li>
                                    </ul>
                                    <div class="chart-box" id="chart41"></div>
                                </div>
                            </div>
                            <div class="chart-content">
                                <div class="chart-wrap">
                                    <div class="chart-title">累计冷量</div>
                                    <ul class="time-type" id="timeType42">
                                        <li class="active" type="1">日累计</li>
                                        <li type="2">月累计</li>
                                        <li type="3">年累计</li>
                                    </ul>
                                    <div class="chart-box" id="chart42"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script id="addFormTpl" type="text/html">
        <div class="form-horizon">
            <form class="form-validate-dom">
                <div class="form-group clearfix">
                    <label class="form-label" for="equipment">报警设备：</label>
                    <select class="form-control" name="equipment" id="equipment"></select>
                </div>
            </form> 
        </div>
    </script>
    <script id="editFormTpl" type="text/html">
        <div class="form-horizon">
            <form class="form-validate-dom">
                <div class="form-group clearfix">
                    <label class="form-label" for="nextTime" style="width: 120px;">下次保养时间：</label>
                    <div class="layout-date" style="width: 200px;display: inline-block;">
                        <input type="text" id="nextTime" class="form-control inline-block" placeholder="请选择保养时间"
                            autocomplete="off" style="width: 100%;" />
                        <i class="aidicon aidicon-calendar layout-icon-12"></i>
                    </div>
                </div>
            </form> 
        </div>
    </script>
    <script id="editEquipTpl" type="text/html">
        <div class="form-horizon">
            <form class="form-validate-dom">
                <div class="form-group clearfix">
                    <label class="form-label" for="nextTime" style="width: auto;">监测点位：</label>
                    <input type="text" class="form-control" name="position" readonly="readonly"
                                    placeholder="请输入" autocomplete="off" value="{{data.name}}">
                </div>
                <div class="input-wrap">
                    <label class="form-label" for="nextTime">阈值设置：</label>
                    <div class="form-group">
                        <input type="text" id="minThreshold" class="form-control" name="value1" placeholder="请输入" autocomplete="off" value="{{data.min}}"> 
                    </div> -
                    <div class="form-group">
                        <input type="text" id="maxThreshold" class="form-control" name="value2" placeholder="请输入" autocomplete="off" value="{{data.max}}">
                    </div> {{data.unit}}
                </div>
            </form> 
        </div>
    </script>
    <script id="flowTpl" type="text/html">
        <img src="/images/equipment/main.gif" style="width: 100%;height:100%;">
    </script>
    <script id="dataFormTpl" type="text/html">
        <div class="form-horizon">
            <form class="form-validate-dom">
                <div class="form-group clearfix">
                    <label class="form-label" for="data1">报警名称：</label>
                    <div class="form-group">
                        <input type="text" class="form-control" id="data1" name="date1" readonly="readonly" placeholder="请输入" autocomplete="off" value="{{name}}">
                    </div>
                </div>
                <div class="form-group clearfix">
                    <label class="form-label" for="data1">处理人：</label>
                    <div class="form-group">
                        <input type="text" class="form-control" id="userName" name="date1" placeholder="请输入" autocomplete="off" value="">
                    </div>
                </div>
                <div class="form-group clearfix">
                    <label class="form-label" for="data2">处理详情：</label>
                    <div class="form-group">
                        <textarea type="text" class="form-control" id="result" name="data2" placeholder="请输入" autocomplete="off" style="height: 188px;"></textarea>
                    </div> 
                </div>
            </form> 
        </div>
    </script>
    <script src="/common/js/lib/require/require.min.js"></script>
    <script>
        require(["/js/require.config.js"], function () {
            require(["/js/dataAnalysis/dataAnalysis.js"], function (app) {
                app.init();
            });
        });
    </script>
</body>

</html>